<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>解决方案</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="alternate icon" type="img/hengwang-1.png" href="img/hengwang-1.png">
    <link rel="stylesheet" href="css/amazeui.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <script src="../manager/js/jquery-3.6.0.min.js"></script>
</head>
<body>
<header class="am-topbar header">
    <div class="am-container-1">
        <div class="left hw-logo">
            <img class=" logo" src="img/HENGWANG.png">
            <img class="word" src="img/hw-word.png">
        </div>
        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
                data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span
                class="am-icon-bars"></span></button>
        <div class="am-collapse am-topbar-collapse right" id="doc-topbar-collapse">
            <div class=" am-topbar-left am-form-inline am-topbar-right" role="search">
                <ul class="am-nav am-nav-pills am-topbar-nav hw-menu">
                    <li><a href="index.html">首页</a></li>
                    <li class="hw-menu-active"><a href="solutions.html">解决方案</a></li>
                    <li><a href="product-show.html">产品展示 </a></li>
                    <li><a href="customer-case.html">客户案例</a></li>
                    <li><a href="service-center.html">服务中心 </a></li>
                    <li><a href="news.html">新闻动态 </a></li>
                    <li><a href="about-us.html">关于我们</a></li>
                    <li><a href="recruit.html">招贤纳士 </a></li>
                </ul>
            </div>
        </div>
    </div>
</header>
<div class="toppic">
    <div class="am-container-1">
        <div class="toppic-title left">
            <i class="am-icon-lightbulb-o toppic-title-i"></i>
            <span class="toppic-title-span">解决方案</span>
            <p>Solutions</p>
        </div>
        <div class="right toppic-progress">
            <span><a href="index.html" class="w-white">首页</a></span>
            <i class=" am-icon-arrow-circle-right w-white"></i>
            <span><a href="solutions.html" class="w-white">解决方案</a></span>
        </div>
    </div>
</div>
<div data-am-widget="tabs" class="am-tabs am-tabs-d2 ">
    <ul class="am-tabs-nav am-cf solutions-tabs-ul " id="solutionTypeUl"></ul>
    <script>
        $(function () {
            loadPage1();
            loadSolution(1);
        });

        function loadPage1() {
            //加载方案类型列表
            var solutionTypeUl = $("#solutionTypeUl");
            solutionTypeUl.empty();
            $.ajax({//回显用户信息
                async: false,//同步
                data: {op: "list"},
                success: function (data) {
                    for (let i = 0; i < data.length; i++) {
                        solutionTypeUl.append(`<li onclick="loadSolution(${data[i].solutionTypeId})" class="am-active solutions-tabs-ul-li${i + 1}">
<a href="[data-tab-panel]" ><i class="am-icon-desktop"></i><span>${data[i].solutionTypeTitle}</span></a></li>`);
                    }
                },
                type: "GET",
                url: "/web/solutionType"
            });
        }
    </script>
    <div class="am-tabs-bd solutions-tabs-content ">
        <div data-tab-panel class="am-tab-panel am-active">
            <ul class=" solutions-content-ul" id="solutionDiv"></ul>
            <script>
                function loadSolution(id) {
                    //加载方案
                    var solutionDiv = $("#solutionDiv");
                    solutionDiv.empty();
                    $.ajax({//回显用户信息
                        async: false,//同步
                        data: {op: "queryByPage", catId: id},
                        success: function (data) {
                            for (let i = 0; i < data.rows.length; i++) {
                                solutionDiv.append(`<li class="am-u-sm-12 am-u-md-6 am-u-lg-12">
                    <a href="solutions-inform.html?solutionTypeId=${data.rows[i].solutionId}">
                        <div class="am-u-sm-12 am-u-md-12 am-u-lg-3 solution-tabs-img">
                            <img src="${data.rows[i].solutionImg}"/>
                        </div>
                        <div class="am-u-sm-12 am-u-md-12 am-u-lg-9 solution-tabs-words">
                            <h5>${data.rows[i].solutionTitle}</h5>
                            <p>${data.rows[i].solutionDesc}</p>
                        </div>
                    </a>
                </li>`);
                                solutionDiv.append(`<div class="clear"></div>`);
                            }
                        },
                        type: "GET",
                        url: "/web/solution"
                    });
                }
            </script>
        </div>
    </div>
</div>
<footer class="footer ">
    <ul>
        <li class="am-u-lg-4 am-u-md-4 am-u-sm-12 part-5-li2">
            <div class="part-5-title">联系我们</div>
            <div class="part-5-words2">
                <span id="address1">地址:武汉市洪山区街道口鹏程国际B座2511</span>
                <span id="moblie1">电话:18238765101</span>
                <span id="fax1">传真:(123) 456-7890</span>
                <span id="email1">邮箱:support@vectorlab.com</span>
                <span><i class="am-icon-phone"></i><em id="fixed1">027-82671661</em></span>
            </div>
        </li>
        <li class="am-u-lg-4 am-u-md-4 am-u-sm-12 ">
            <div class="part-5-title">相关链接</div>
            <div class="part-5-words2">
                <ul class="part-5-words2-ul">
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="solutions.html">解决方案</a></li>
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="product-show.html">产品展示</a></li>
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="customer-case.html">客户案例</a></li>
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="service-center.html">服务中心</a></li>
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="about-us.html">关于我们</a></li>
                    <li class="am-u-lg-4 am-u-md-6 am-u-sm-4"><a href="recruit.html">招贤纳士</a></li>
                    <div class="clear"></div>
                </ul>
            </div>
        </li>
        <div class="clear"></div>
    </ul>
</footer>
<script>
    $(function () {
        $.get("/web/aboutInfo", {op: "query"}, function (data) {
            $("#img1").attr("src", data.aboutImg1);
            $("#img2").attr("src", data.aboutImg2);
            $("#img3").attr("src", data.aboutImg3);
            $("#img4").attr("src", data.aboutImg4);
            $("#img5").attr("src", data.aboutImg5);
            $("#address").text(data.address);
            $("#moblie").text(data.mobliePhone);
            $("#fax").text(data.fax);
            $("#email").text(data.email);
            $("#fixed").text(data.fixedPhone);
            $("#imgAddress").attr("src", data.addressImg);
            $("#desc").text(data.aboutDetails);
            $("#address1").text(data.address);
            $("#moblie1").text("电话:"+data.mobliePhone);
            $("#fax1").text(data.fax);
            $("#email1").text(data.email);
            $("#fixed1").text(data.fixedPhone);
        });
    })
</script>
</body>
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="js/jquery.min.js"></script>
<!--<![endif]-->
<script src="js/amazeui.min.js"></script>
</html>
